
<style type="text/css">
	/* style for design */
		.full-container {
		height: 100%;
		}
		.full-container .row {
			height: 100%;
		}
		.full-container .main-block {
			height: 100%;
			position: relative;
			margin-bottom: 0;
		}

		.design-team {
			width: 80%;
			height: 80%;
			position: absolute;
			top: 120px;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
		}

		#design-en {
			width: 50%;
			float: left;
		}

		#design-ko1,
		#design-title,
		#design-ko2,
		#design-ge {
			width: 25%;
			float: left;
			padding-left: 10px;
		}

		#design-ko2,
		#design-ge {
			margin-top: 20px;
		}
	</style>
					<div class="design-team">

						<div class="show-block" id="design-en">
							<img class="lazy" data-original="{$art_list.0.thumb}"  src="{$_C['hy_path']}images/loading.gif"  alt="show block image" width="100%">
							<noscript><img src="{$art_list.0.thumb}" alt="show block image" width="100%"></noscript>
							<div class="show-block-mask"></div>
							<div class="show-block-cover">
								<div class="show-block-title">{$art_list.0.title}</div>
								<div class="show-block-extra">
									<a href="{$art_list.0.url}">{$_L['DETAILS']}</a>
								</div>
							</div>
						</div>
						

						<div  id="design-ko1">
							<div class="show-block">
								<img class="lazy" data-original="{$art_list.1.thumb}"  src="{$_C['hy_path']}images/loading.gif"  alt="show block image" width="100%">
							<noscript><img src="{$art_list.1.thumb}" alt="show block image" width="100%"></noscript>
								<div class="show-block-mask"></div>
								<div class="show-block-cover">
									<div class="show-block-title">{$art_list.1.title}</div>
									<div class="show-block-extra">
										<a href="{$art_list.1.url}">{$_L['DETAILS']}</a>
									</div>
								</div>
							</div>
						</div>

						<div id="design-title">
							<img src="{$_C.hy_path}images/designerlogo.jpg" alt="design title" width="100%">
						</div>

						<div id="design-ko2">
							<div class="show-block">
									<img class="lazy" data-original="{$art_list.2.thumb}"  src="{$_C['hy_path']}images/loading.gif"  alt="show block image" width="100%">
							<noscript><img src="{$art_list.2.thumb}" alt="show block image" width="100%"></noscript>
								<div class="show-block-mask"></div>
								<div class="show-block-cover">
									<div class="show-block-title">{$art_list.2.title}</div>
									<div class="show-block-extra">
										<a href="{$art_list.2.url}">{$_L['DETAILS']}</a>
									</div>
								</div>
							</div>
						</div>

						<div id="design-ge">
							<div class="show-block">
								<img class="lazy" data-original="{$art_list.3.thumb}"  src="{$_C['hy_path']}images/loading.gif"  alt="show block image" width="100%">
							<noscript><img src="{$art_list.3.thumb}" alt="show block image" width="100%"></noscript>
								<div class="show-block-mask"></div>
								<div class="show-block-cover">
									<div class="show-block-title">{$art_list.3.title}</div>
									<div class="show-block-extra">
										<a href="{$art_list.3.url}">{$_L['DETAILS']}</a>
									</div>
								</div>
							</div>
						</div>
						{foreach from=$art_list item=art name=art}
						{if $smarty.foreach.art.index>3}
						<div id="design-ge">
							<div class="show-block">
								<img src="{$art.thumb}" alt="show block image"  width="100%">
								<div class="show-block-mask"></div>
								<div class="show-block-cover">
									<div class="show-block-title">{$art.title}</div>
									<div class="show-block-extra">
										<a href="{$art.url}">{$_L['DETAILS']}</a>
									</div>
								</div>
							</div>
						</div>
						{/if}
						{/foreach}
						
						<div style="height:40px;clear:both"></div>
					</div>
